<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>学工管理系统介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
    <link th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
    <style type="text/css">
    	.gray-bg {
    		padding-top: 20px;
    	}
    	.wrapper {
    		padding-left: 15px;
    		padding-right: 15px;
    	}
    </style>
</head>

<body class="gray-bg">
    <div class="row">
        <div class="col-sm-12">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>用户</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">[[${userCount}]]</h1>
                        <div class="stat-percent font-bold text-success">100% <i class="fa fa-bolt"></i>
                        </div>
                        <small>总数量</small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">版本</span>
                        <h5>版本</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">[[${version}]]</h1>
                        <div class="stat-percent font-bold text-info">100% <i class="fa fa-level-up"></i>
                        </div>
                        <small>版本</small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">待定</span>
                        <h5>待定</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">999,999</h1>
                        <div class="stat-percent font-bold text-navy">100% <i class="fa fa-level-up"></i>
                        </div>
                        <small>待定</small>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-danger pull-right">待定</span>
                        <h5>待定</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">999,999</h1>
                        <div class="stat-percent font-bold text-danger">100% <i class="fa fa-level-down"></i>
                        </div>
                        <small>待定</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>更新日志</h5>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="panel-body">
                            <div class="panel-group" id="version">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h5 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#version" href="#v10">v1.0.0</a><code class="pull-right">2018.09.07</code>
                                        </h5>
                                    </div>
                                    <div id="v10" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            <div class="alert alert-warning">
                                            	目前只提供以下功能,根据不同的账号权限使用不同的功能。
                                            	有任何意见可以直接通过邮箱提交过来,或者找相关人员商议。
                                            	在往后的版本会陆续推出其他功能！
                                            </div>
                                            <ol>
                                                <li>工作情况</li>
										        <li>文明宿舍</li>
										        <li>班计花名册</li>
										        <li>学生管理</li>
										        <li>班级管理</li>
										        <li>宿舍管理</li>
										        <li>宿舍管理</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>问题反馈</h5>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="panel-body">
                            <div class="panel-group">
                                <div class="col-sm-12 form-group">
								    <input id="title" type="text" name="title" class="form-control" placeholder="标题">
								</div>
								<div class="col-sm-12 form-group">
						            <textarea id="content" type="text" name="content" class="form-control" placeholder="内容"></textarea>
                            	</div>
                            	<div class="col-sm-12 form-group">
                            		<a class="btn btn-success btn-block" href="javascript:void(0)" onclick="feedback()"><i class="glyphicon glyphicon-open"></i>提交反馈</a> 
                            	</div>
                           	</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
    	
    	function feedback(){
    		$.post("[[@{/module/main/feedback}]]",{
    			"title": $("#title").val(),
    			"content": $("#content").val()
    		},function(data){
    			if(data.code == 0){
   				   layer.msg('反馈成功！');
    			}else{
   				   layer.msg('反馈失败！' + data.msg);
    			}
    		})
    	}
    
    </script>
</body>
</html>
